/**
 * 1、useEffect的作用：用来完成副作用操作
 * 2、语法
 * useEffect(参数1,参数2)
 * 参数1：回调函数，用来完成副作用业务的
 * 参数2:情况如下所示
 * 3、参数2的情况
 * 1）如果是一个空数组([])，那么它完成功能和类组件中componentDidMount是一样
 * 2）如果是一个非空数组[值],相当于模拟了类组件中componentDidMount和componentDidUpdate的操作，只有这个值发生变化的时候，它才触发，和vue的watch功能类型
 * 3) 如果没有参数，它的主要作用就是，只要页面中不管哪个状态发生变化，它都触发
 * 3、清理副作用
 * 类似于完成类组件中的componentWillUnMount
 * 第一个回调函数的返回值
 */
import {useEffect,useState} from 'react'
export default ()=>{
    const [count,setCount]=useState(0)
    const [age,setAge]=useState(18)
    useEffect(()=>{
        console.log('--------类似与componentDidMount--------------');

    })
    return (<>
        <div>{count}</div>
        <button onClick={()=>setCount(count+1)}>+</button>
        <hr />
        <div>{age}</div>
        <button onClick={()=>setAge(age+1)}>age+</button>
    </>)
}